{% load bootstrap3 %}

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width,initial-scale=1">

	<title>学习笔记</title>

	{% bootstrap_css %}
	{% bootstrap_javascript %}

</head>
<body>
	<!-- Static navbar -->
	<nav class="navbar navbar-default navbar-static-top">
		<div class="container">
			<div class="navbar-header">
				<!-- <button type="button" class="navbar-toggle collapsed"
					data-toggle="collapse" data-target="#navbar"
					aria-expanded="false" aria=controls="navbar">
				</button> -->
				
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
			        <span class="sr-only">Toggle navigation</span>
			        <span class="icon-bar"></span>
			        <span class="icon-bar"></span>
			        <span class="icon-bar"></span>
		      	</button>
				<a class="navbar-brand" href="{% url 'learning_logs:index' %}">学习笔记</a>
			</div>

			<div id="navbar" class="navbar-collapse collapse">
				<ul class="nav navbar-nav">
					<li><a href="{% url 'learning_logs:topics' %}">主题</a></li>
				</ul>

				<ul class="nav navbar-nav navbar-right">
					{% if user.is_authenticated %}
						<li><a>Hello, {{ user.username }}.</a></li>
						<li><a href="{% url 'users:logout' %}">注销</a></li>
					{% else %}
						<li><a href="{% url 'users:register' %}">注册</a></li>
						<li><a href="{% url 'users:login' %}">登陆</a></li>
					{% endif %}
				</ul>
			</div> <!-- /.navbar-collapse -->
		</div>
	</nav>

	<div class="container">
		<dir class="page-header">
			{% block header %}{% endblock header %}
		</dir>

		<div>
			{% block content %}{% endblock content %}
		</div>
	</div><!-- /.container -->

</body>
</html>
